<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>今日特惠子页面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/mui.picker.css"/>
		<link rel="stylesheet" href="../../css/mui.poppicker.css" />
		<link rel="stylesheet" href="../../css/todaySpecial/todaySpecialList.css" />
	</head>
	<body>
		<div class="mui-content">
			<div class="mui-row" id="title">
                <a class="key1 mui-col-sm-3 mui-col-xs-3">位置<img src="../../images/sjx@3x.png" alt="" width="10" style="vertical-align: middle;margin-left: 5px"/></a>
               	<a class="key2 mui-col-sm-3 mui-col-xs-3" href="#key22">大小<img src="../../images/sjx@3x.png" alt="" width="10" style="vertical-align: middle;margin-left: 5px"/></a>
                <a class="key3 mui-col-sm-3 mui-col-xs-3" href="#key33">价格<img src="../../images/sjx@3x.png" alt="" width="10" style="vertical-align: middle;margin-left: 5px"/></a>
                <a class="key4 mui-col-sm-3 mui-col-xs-3" href="#key44">设备<img src="../../images/sjx@3x.png" alt="" width="10" style="vertical-align: middle;margin-left: 5px"/></a>
		    </div>
			<!--弹出菜单-->
		    <div id="key22" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<span>单间</span>
						<span>一房一厅</span>
						<span>两房</span>
						<span>三房</span>
					</li>
				</ul>
			</div>
			<div id="key33" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" style="text-align: center;">
						0元~不限	
					</li>
					<li class="mui-table-view-cell">
						<div id="meter" class="mui-progressbar">
							<span></span>
						</div>
					</li>
				</ul>
			</div>
			<div id="key44" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<div class="mui-row" style="text-align: center;padding: 5px;">
				    <div class="mui-col-sm-6 mui-col-xs-6" >
				    	<span style="border: 1px solid green;padding: 5px;border-radius: 8px;">拎包入住</span>
				    </div>
				    <div class="mui-col-sm-6 mui-col-xs-6">家具自制</div>
				</div>
			</div>
			<div id="key55" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">房屋类型</li>
							<li class="mui-table-view-cell">
								<span>单间</span>
								<span>一房一厅</span>
								<span>二房二厅</span>
								<span>三房一厅</span>
							</li>
							<li class="mui-table-view-cell">价格范围</li>
							<li class="mui-table-view-cell" id="inputGroup">
								<input type="text" />
								<div class="line" style="height: 1px solid #000"></div>
								<input type="text" />
								<span> /元</span>
							</li>
							<li class="mui-table-view-cell">地理位置</li>
							<li class="mui-table-view-cell">
								<div class="mui-row" style="text-align: center;line-height: 40px;">
									<div class="mui-col-sm-2 mui-col-xs-2">
										地铁
									</div>
									<div class="mui-col-sm-4 mui-col-xs-4">
							            <input type="text" style="margin: 0;"/>
							        </div>
							        <div class="mui-col-sm-2 mui-col-xs-2">
										公交
									</div>
									<div class="mui-col-sm-4 mui-col-xs-4">
							            <input type="text" style="margin: 0;"/>
							        </div>
								</div>
								<div class="mui-row" style="text-align: center;line-height: 40px;">
							       <div class="mui-col-sm-2 mui-col-xs-2">
										公交
									</div>
									<div class="mui-col-sm-4 mui-col-xs-4">
							            <input type="text" style="margin: 0;"/>
							       </div>
								</div>					
							</li>
							<li class="mui-table-view-cell">房屋设备</li>
							<li class="mui-table-view-cell">
								<div class="mui-row" style="text-align: center;">
								    <div class="mui-col-sm-6 mui-col-xs-6">
								    	<span style="border: 1px solid green;padding: 5px;border-radius: 8px;">拎包入住</span>
								    </div>
								    <div class="mui-col-sm-6 mui-col-xs-6">
								    	<span style="border: 1px solid green;padding: 5px;border-radius: 8px;">家具自制</span>
								    </div>
								</div>
							</li>
							<li class="mui-table-view-cell">租房类型</li>
							<li class="mui-table-view-cell">
								<div class="mui-row" style="text-align: center;">
								    <div class="mui-col-sm-6 mui-col-xs-6">
								    	<span style="border: 1px solid green;padding: 5px;border-radius: 8px;">合租</span>
								    </div>
								    <div class="mui-col-sm-6 mui-col-xs-6">
								    	<span style="border: 1px solid green;padding: 5px;border-radius: 8px;">整租</span>
								    </div>
								</div>
							</li>
						</ul>							
					</div>
				</div>
			</div>
		   <!--下拉刷新容器-->
			<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
			  <div class="mui-scroll">
			    <!--数据列表-->
			    <ul id="oUl" class="mui-table-view mui-table-view-chevron">
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>
			        <li class="mui-table-view-cell mui-media">
			            <a href="javascript:;">
			                <img class="mui-media-object mui-pull-left" src="../../images/a1.jpg">
			                <div class="mui-media-body">
			                    <p class="mui-ellipsis">地铁1号线 高新园站100米呵呵呵呵呵呵</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>68m</span><sup>2</sup>/
			                    	<span>单间</span>/
			                    	<span>押二付一</span>
			                   	</p>
			                    <p class="mui-ellipsis">¥500元/月</p>
			                    <p class="mui-ellipsis-4">
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    	<span>离站台100米</span>
			                    </p>
			                </div>
			            </a>
			        </li>			        
			    </ul>			    
			  </div>
			</div> 
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.picker.js"></script>
		<script src="../../js/mui.poppicker.js"></script>
		<script	src="../../js/city.data-3.js"></script>
		<script	src="../../js/vue.min.js"></script>
		<script src="../../js/urlConfig.js"></script>
		<script src="../../js/todaySpecial/todaySpecialList.js"></script>
		<script src="../../js/todaySpecial/getData.js"></script>
	</body>
</html>
